@import "../../libs/weui.css";
@import "../../libs/base";

a {
  text-decoration: none;
}


.fly-top {
  position: fixed;
  bottom: 30px;
  right: 10px;
  display: none;

  a {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 16px; 
    background: #fff url(imgs/up.png) no-repeat center center;
  }
}

.wrapper {
  width: 100%;

  .header {
    width: 100%;
    height: 40px;
    background: #337ab7;

    a.btn-noborder {
      height: 100%;
      border-radius: 0;
      text-align: center;
      padding: 10px 15px;
      margin: 0;
      border: 0;
      float: left;

      span {
        margin: 0 3px 0 0;
      }
    }

    i {
      width: 1px;
      height: 20px;
      display: inline-block;
      float: left;
      margin: 10px 3px;
      background: #ddd;
    }
  }


  .search-section {
    position: relative;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    background: #eee;
    padding: 15px 0;

    .title {
      height: 26px;
      margin: 0 15px 5px;
      font: normal normal bold 14px/26px 'microsoft yahei';
      color: #666;
      border-bottom: 1px solid #999;
    }

    .mrow {
      width: 100%;
      padding: 5px 15px 0;

      .for {
        width: 70px;
        text-align: right;
        display: inline-block;
        font: normal normal normal 13px/26px 'microsoft yahei';
      }

      select, input {
        width: 200px;
      }

      .btn-search {
        margin: 0 0 0 75px;
      }
    }
  }

  .result-section {
    position: relative;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    padding: 15px 0;

    .title {
      height: 26px;
      margin: 0 15px;
      font: normal normal bold 14px/26px 'microsoft yahei';
      color: #63a8e2;
      border-bottom: 1px solid #63a8e2;
    }

    .data-list {
      margin: 0 15px;

      @li-height: 70px;
      .line-wrapper { 
        width: 100%; 
        min-height: @li-height; 
        overflow: hidden; 
        border-bottom: 1px solid #ddd; 

        .line-scroll-wrapper { 
          min-height: @li-height; 
          overflow: hidden; 
          white-space: nowrap; 
          clear: both; 

          .line-normal-wrapper { 
            width: 290px;
            display: inline-block; 
            float: left; 
            padding: 5px 0;

            .title {
              min-height: 30px;
              overflow: hidden;
              display: block;
              color: #387FC8;
              border: 0;
              font: normal normal bold 15px/30px 'microsoft yahei';
              margin: 0 5px;
            }

            .param {
              margin: 0 5px;

              .lbl {
                color: #999;
              }
              .text {
                color: #333;
                font: normal normal normal 13px/25px 'microsoft yahei';
                margin-right: 10px;
              }
              .price {
                color: #ff6666;
                font: normal normal bold 14px/25px 'microsoft yahei';               
              }
            }
          }

          .line-function { 
            float: left; 
            width: 80px; 
            height: @li-height;


            .btn {
              height: @li-height;
              float: left; 
              color: #fff;
              border-radius: 0;
              font: normal normal normal 15px/@li-height 'microsoft yahei';
              padding: 0;
              text-align: center;

              &.btn-edit {
                width: 80px;
                background: #99cccc;
              }
              &.btn-imgs {
                width: 100px;
                background: #BDB76A;
                // margin-left: -8px;
              }
              &.btn-delete {
                width: 80px;
                background: #ff6666;
                // margin-left: -9px;
              }
            }

            button { 
              width: 100%; 
              height: 100%; 
              background: red; 
              border: none; 
              font-size: 24px; 
              font-family: 'Microsoft Yahei'; 
              color: #fff; 
            }
          }

        }
      }

      .error {
        width: 100%;
        text-align: center;
        font: normal normal normal 14px/30px 'microsoft yahei';
        color: #ccc;
      }
    }




    ul {
      margin: 0 15px;

      @li-height: 40px;
      li {
        height: @li-height;
        border-bottom: 1px solid #ddd;

        .overview {
          width: 100%;

          span {
            font: normal normal normal 15px/@li-height 'microsoft yahei';
            color: #63a8e2;
            float: left;
          }

          .moto-number {
            width: 100px;
          }

          .moto-name {
            margin-left: 15px;          
          }
        }

        @function-width: 150px;
        .function {
          position: absolute;
          top: 0;
          height: @li-height;
          right: -@function-width;
        }
      }
    }

  }
  
}

